<?php echo '<?xml version="1.0" encoding="UTF-8"?>' . "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
<meta name="google-site-verification" content="dMxoasid2H7xrVGPGP_VD4FRVGaxbcslZAfUqHPXPQU" />
<META name="y_key" content="2bd4dc6c17747b47">
<title><?php echo $title; ?></title>
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<base href="<?php echo $base; ?>" />
<?php if ($icon) { ?>
<link href="image/<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/OCFT_gris/stylesheet/stylesheet.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/OCFT_gris/stylesheet/ie6.css" />
<script type="text/javascr-ipt" src="catalog/view/javascript/unitpngfix/unitpngfix.js"></script>
<![endif]-->
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>
</head>
<body>
<div id="container">
  <div id="header">
<div class="div1">
<div class="div2"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a></div>
<div class="div3">
<div id="slideshow">
    <img src="catalog/view/theme/OCFT_gris/image/header/image1.jpg" alt="" class="active" />
    <img src="catalog/view/theme/OCFT_gris/image/header/image2.jpg" alt="" />
    <img src="catalog/view/theme/OCFT_gris/image/header/image3.jpg" alt="" />
    <img src="catalog/view/theme/OCFT_gris/image/header/image4.jpg" alt="" />
</div>
</div>

</div>
<ul class="menu">
	<div class="div5">
  		<li><a href="<?php echo $special; ?>" ><span><?php echo $text_special; ?></span></a></li>
  		<?php if (!$logged) { ?>
    		<li><a href="<?php echo $login; ?>"><span><?php echo $text_login; ?></span></a></li>
  		<?php } else { ?>
    		<li><a href="<?php echo $logout; ?>"><span><?php echo $text_logout; ?></span></a></li>
  		<?php } ?>
  		<li><a href="<?php echo $account; ?>"><span><?php echo $text_account; ?></span></a></li>
	</div> 
	<div class="div6">
  		<li><a href="<?php echo $checkout; ?>">
  			<span>
  				<?php echo $text_checkout; ?>
  			</span>
  		</a>
  		</li>
  		<li><a href="<?php echo $cart; ?>">
  			<span>
  				<?php echo $text_cart; ?>
  			</span>
  			</a>
  		</li>
	</div> 
</ul>



  <div id="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div>  
<script>
function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});
</script>

</div>

